<div style="border-bottom:0;padding-bottom:0;">
    <form id="lzfForm" method="post" action="">
        <!--表单相关原始信息存储-->
        <input type="hidden" name="old_name" value="{$lzf.name}" />
        <input type="hidden" name="old_idno" value="{$lzf.idno}" />
        <input type="hidden" name="old_phone" value="{$lzf.phone}" />
        <input type="hidden" name="old_tel" value="{$lzf.tel}" />
        <input type="hidden" name="old_gxincome" value="{$lzf.gxincome}" />
        <input type="hidden" name="old_ccincome" value="{$lzf.ccincome}" />
        <input type="hidden" name="old_income" value="{$lzf.income}" />
        <input type="hidden" name="old_remarks" value="{$lzf.remarks}" />
        <input type="hidden" name="old_attr" value="{$lzf.attr}" />
        <input type="hidden" name="old_hujiqk" value="{$lzf.hujiqk}" />
        <input type="hidden" name="old_gender" value="{$lzf.gender}" />
        <input type="hidden" name="old_dibao" value="{$lzf.dibao}" />
        <input type="hidden" name="old_dibaohm" value="{$lzf.dibaohm}" />
        <input type="hidden" name="old_area_id" value="{$lzf.area_id}" />
        <input type="hidden" name="old_community_id" value="{$lzf.community_id}" />
        <input type="hidden" name="old_addr" value="{$lzf.addr}" />
        <input type="hidden" name="old_hujidi" value="{$lzf.hujidi}" />
        <input type="hidden" name="old_marriage" value="{$lzf.marriage}" />
        <input type="hidden" name="old_dibaork" value="{$lzf.dibaork}" />
        <table class="form bzf-form">
            <tr>
                <th width="15%">姓名</th>
                <td width="35%" field="name">{$lzf.name}</td>
                <th width="15%">身份证</th>
                <td field="idno">{$lzf.idno}</td>
            </tr>
            <tr>
                <th>性别</th>
                <td field="gender">{$lzf.gender}</td>
                <th>所在社区和党委口</th>
                <td field="area_id">{$area[$lzf[area_id]]}</td>
            </tr>
            <tr>
                <th>低保证号</th>
                <td field="dibaohm">{$lzf.dibaohm}</td>
                <th>低保人口</th>
                <td field="dibaork">{$lzf.dibaork}</td>
            </tr>
            <tr>
                <th>居住地址</th>
                <td field="addr">{$lzf.addr}</td>
                <th>户籍地址</th>
                <td field="hujidi">{$lzf.hujidi}</td>
            </tr>
            <tr>
                <th width="15%">家庭属性</th>
                <td field="attr">
                    <div name="multi-select-attr1" class="hidden">
                        <select name="attr">
                            <volist name="attr" id="vo" key="index">
                                <option value="{$vo}">{$vo}</option>
                            </volist>
                        </select>
                    </div>
                    <div name="multi-select-attr2">
                        {$lzf[attr]}
                    </div>
                </td>
                <th>户籍情况</th>
                <td field="hujiqk">
                    <div name="multi-select-hujiqk1" class="hidden">
                        <select name="hujiqk">
                            <volist name="hujiqk" id="vo" key="index">
                                <option value="{$vo}">{$vo}</option>
                            </volist>
                        </select>
                    </div>
                    <div name="multi-select-hujiqk2">
                        {$lzf[hujiqk]}
                    </div>
                </td>
            </tr>
            <tr>
                <th>家庭移动电话</th>
                <td field="phone">{$lzf.phone}</td>
                <th>婚姻状况</th>
                <td field="marriage">{$lzf.marriage}</td>
            </tr>
            <tr>
                <th>意向申请小区</th>
                <td field="community_id">{$community[$lzf[community_id]]}</td>
                <th>备注</th>
                <td field="remarks">{$lzf.remarks}</td>
            </tr>
        </table>
    </form>
</div>
<div class="sub-listview" style="height:280px;">
    <ul class="ui-tabs">
        <li class="selected" target="tabs-income">收入情况</li>
        <li target="tabs-coapply">共同申请人信息</li>
        <li target="tabs-doc">证件证明登记表</li>
        <li target="tabs-zj">申请人相关电子证件</li>
        <li target="tabs-lhcs">联合审批记录</li>
        <li target="tabs-log">审批记录</li>
        <li target="tabs-history" style="display: none;">此人历史申请记录</li>
    </ul>
    <div class="tabs-item tabs-income">
        <table class="form" style="margin-top:10px;margin-left:20px;">
            <tr>
                <th width="15%">工薪收入</th>
                <td width="40%" field="gxincome">{$lzf.gxincome}</td>
                <th width="15%">财产性收入</th>
                <td field="income">{$lzf.ccincome}</td>
            </tr>
            <tr>
                <th>家庭共计月收入</th>
                <td field="income">{$lzf.income}</td>
            </tr>
        </table>
    </div>
    <div class="tabs-item tabs-coapply hidden" style="height: 300px;overflow-y: auto;">
        <table class="list" style="margin-top:10px;">
            <thead>
            <tr>
                <th>姓名</th>
                <th>移动电话</th>
                <th>与申请人关系</th>
                <th>身份证号</th>
                <th>是否本县户口</th>
                <th>月收入（元）</th>
                <th>身份证扫描件</th>
                <th>户口簿扫描件</th>
            </tr>
            </thead>
            <tbody>
            <volist name="family" id="vo">
                <tr>
                    <td class="tc">{$vo.name}<br />{$vo.gender}&nbsp;{$vo.age}岁</td>
                    <td>{$vo.phone}</td>
                    <td>{$vo.relation}</td>
                    <td>{$vo.idno}</td>
                    <td>{$vo.bxhk}</td>
                    <td>{$vo.income}</td>
                    <td><img class="img-small" style="height:40px;width:70px;" src="{$vo.sfzImg}" /></td>
                    <td><img class="img-small" style="height:40px;width:70px;" src="{$vo.hkbImg}" /></td>
                </tr>
            </volist>
            </tbody>
        </table>
    </div>
    <div class="tabs-item tabs-doc hidden">
        <table class="list" style="margin-top:10px;">
            <thead>
            <tr>
                <th width="80">证件名称</th>
                <th width="60">姓名</th>
                <th>发证日期</th>
                <th>发证单位</th>
                <th>证号</th>
                <th>有效期限</th>
                <th>电子证件</th>
            </tr>
            </thead>
            <tbody>
            <volist name="doc" id="vo">
                <tr>
                    <td>{$vo.name}</td>
                    <td>{$vo.idname}</td>
                    <td>{$vo.fzdate}</td>
                    <td>{$vo.fzdw}</td>
                    <td>{$vo.no}</td>
                    <td>{$vo.yxdate}</td>
                    <td><img class="img-small" style="height:40px;width:70px;" src="{$vo.zjImg}" /></td>
                </tr>
            </volist>
            </tbody>
        </table>
    </div>
    <div class="tabs-item tabs-lhcs hidden">
        <table class="list" style="margin-top:10px;">
            <thead>
                <tr>
                    <th width="150">审批单位</th>
                    <th>审批意见</th>
                    <th width="50">审批人</th>
                    <th width="70">审批时间</th>
                </tr>
            </thead>
            <tbody>
            <volist name="lhsp" id="vo">
                <tr <if condition="$vo.spzt eq 未通过">class="warning"</if>>
                    <td>{$vo.spdw}</td>
                    <td>{$vo.spyj|default='未审批'}</td>
                    <td>{$vo.spr}</td>
                    <td>
                        <neq name="vo.sptime" value="">
                            {$vo.sptime|date="Y/m/d",###}
                        </neq>
                    </td>
                </tr>
            </volist>
            </tbody>
        </table>
    </div>
    <div class="tabs-item tabs-log hidden" style="height:300px;overflow-y:auto">
        <table class="list" style="margin-top:10px;">
            <thead>
            <tr>
                <th>审批环节</th>
                <th>审批状态</th>
                <th>审批意见</th>
                <th>审批人</th>
                <th>审批时间</th>
            </tr>
            </thead>
            <tbody>
            <volist name="log" id="vo">
                <tr>
                    <td>{$vo.sphj}</td>
                    <td>{$vo.spzt}</td>
                    <td>{$vo.spyj}</td>
                    <td>{$vo.spr}</td>
                    <td>{$vo.sptime|date="Y-m-d",###}</td>
                </tr>
            </volist>
            </tbody>
        </table>
    </div>
    <div class="tabs-item tabs-history hidden">
        <table class="list" style="margin-top:10px;">
            <thead>
            <tr>
                <th width="100">申请时间</th>
                <th width="120">申请状态</th>
                <th width="100">申请类型</th>
                <th>审批意见</th>
                <th>审批人</th>
                <th>审批时间</th>
            </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
    </div>
    <div class="tabs-item tabs-zj hidden">
        <table class="list" style="margin-top:10px;">
            <thead>
            <tr>
                <th width="20%">身份证正面</th>
                <th width="20%">身份证背面</th>
                <th width="20%">户口簿</th>
                <th width="20%">结婚证</th>
                <th>离婚证</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>
                    <neq name="zj.sfzzmImg" value="">
                        <img class="img-small" title="点击查看大图" height="80" width="120" src="{$zj.sfzzmImg}" />
                        <else />
                        <img name="hkbImg" style="width:120px;height:80px;" class="img-upload" src="__IMG__/index/sfzzm.png" />
                    </neq>
                </td>
                <td>
                    <neq name="zj.sfzbmImg" value="">
                        <img class="img-small" title="点击查看大图" height="80" width="120" src="{$zj.sfzbmImg}" />
                        <else />
                        <img name="sfzbmImg" style="width:120px;height:80px;" class="img-upload" src="__IMG__/index/sfzbm.png" />
                    </neq>
                </td>
                <td>
                    <neq name="zj.hkbImg" value="">
                        <img class="img-small" title="点击查看大图" height="80" width="120" src="{$zj.hkbImg}" />
                        <else />
                        <img name="hkbImg" style="width:120px;height:80px;" class="img-upload" src="__IMG__/index/hkb.png" />
                    </neq>
                </td>
                <td>
                    <neq name="zj.jhzImg" value="">
                        <img class="img-small" title="点击查看大图" height="80" width="120" src="{$zj.jhzImg}" />
                        <else />
                        <img name="jhzImg" style="width:120px;height:80px;" class="img-upload" src="__IMG__/index/jhz.png" />
                    </neq>
                </td>
                <td>
                    <neq name="zj.lhzImg" value="">
                        <img class="img-small" title="点击查看大图" height="80" width="120" src="{$zj.lhzImg}" />
                        <else />
                        <img name="lhzImg" style="width:120px;height:80px;" class="img-upload" src="__IMG__/index/lhz.png" />
                    </neq>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</div>
<link href="__JS__/multiple-select/multiple-select.css" rel="stylesheet" type="text/css" />
<script src="__JS__/multiple-select/multiple-select.js" type="text/javascript" ></script>
<script src="__JS__/lzf.js?v=0.3" type="text/javascript" ></script>
<script>

    $(function() {
        $('select[name=attr]').multipleSelect({
            selectAll: false,
            width: '200px'
        });
        $('select[name=hujiqk]').multipleSelect({
            selectAll: false,
            width: '200px'
        });
    });

    $(".img-small").viewer(); //开启图片查看器功能；

    /**
     * 全局变量 fields
     */
    var fields = new Array("name", "idno", "phone", "tel", "gxincome", "ccincome",
            "income", "remarks", "attr", "hujiqk", "gender", "dibao", "dibaohm",
            "area_id", "addr", "hujidi", "dibaork", "marriage","community_id"
    );
    var marriageOptions = {$marriageOptions};
    var genderOptions = {$genderOptions};
    var dibaoOptions = {$dibaoOptions};
    var areaOptions = {$areaOptions};
    var communityOptions = {$communityOptions};
</script>